<template>
  <div class="Layout">
    <div class="content">
      <slot name="content"></slot>
    </div>
    <div class="footer">
      <slot name="footer"></slot>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.Layout {
  height: 100%;
  .footer {
    height: 50px;
    // background: pink;
    position: relative;
  }
  .content {
    height: calc(100% - 50px);
    // background: green;
  }
}
</style>